<include file="theme/functions"/>
<include file="public@header"/>
<style>
    .form-control-widget-title {
        border: none;
        padding: 0;
        margin: 0;
        font-size: inherit;
        line-height: inherit;
        background: transparent;
    }

    .form-control-widget-title:focus {
        outline: none;
        background: #fff;
    }
</style>
</head>
<body>
<notempty name="has_file">
    <div class="wrap">

        <ul class="nav nav-tabs">
            <li class="active">
                <a href="{:url('theme/fileSetting',['file_id'=>$file_id,'tab'=>'widget'])}">
                    组件
                </a>
            </li>
            <notempty name="file.more.vars">
                <li>
                    <a href="{:url('theme/fileSetting',['file_id'=>$file_id,'tab'=>'var'])}">
                        设置
                    </a>
                </li>
            </notempty>
            <notempty name="has_public_var">
                <li>
                    <a href="{:url('theme/fileSetting',['file_id'=>$file_id,'tab'=>'public_var'])}">
                        全局设置
                    </a>
                </li>
            </notempty>
        </ul>

        <form method="post" class="js-ajax-form  margin-top-20" action="{:url('theme/settingPost')}">
            <div class="list-group">
                <a href="javascript:parent.openIframeLayer('{:url('admin/Nav/index')}','导航管理')" class="list-group-item">导航管理</a>
                <a href="javascript:parent.openIframeLayer('{:url('admin/Slide/index')}','幻灯片管理')"
                   class="list-group-item">幻灯片管理</a>
                <a href="javascript:parent.openIframeLayer('{:url('admin/Link/index')}','友情链接管理')"
                   class="list-group-item">友情链接管理</a>
            </div>

            <notempty name="has_widget">
                <foreach name="files" item="file">
                    <notempty name="file['more']['widgets']">
                        <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
                            <foreach name="file['more']['widgets']" item="widget" key="widgetName" index="index">
                                <div class="panel panel-default">
                                    <div class="panel-heading">
                                        <!--<a role="button" data-toggle="collapse" data-parent="#accordion"-->
                                        <!--href="#collapse-{$widgetName}">-->
                                        <!--{$widget.title}-->
                                        <!--</a>-->
                                        <input class="form-control-widget-title" type="text" value="{$widget.title}"
                                               name="files[{$file.id}][widget][{$widgetName}][title]">
                                        <label class="checkbox-inline pull-right">
                                            <php>$display_checked=empty($widget['display'])?'':'checked';</php>
                                            <input type="checkbox"
                                                   name="files[{$file.id}][widget][{$widgetName}][display]"
                                                   value="1"
                                                   {$display_checked}>
                                            显示
                                        </label>
                                    </div>
                                    <div id="collapse-{$widgetName}" class="panel-collapse collapse in" role="tabpanel">
                                        <div class="panel-body">
                                            {:_parse_vars($widget.vars,'files['.$file['id'].'][widget_vars]['.$widgetName.']',1,$widgetName,$file['id'])}
                                            <notempty name="file.is_public">
                                                <span class="pull-right label label-success">公共组件</span>
                                                <!--<a class="pull-right" title="公共组件" data-toggle="tooltip"><i class="fa fa-question-circle"></i></a>-->
                                            </notempty>
                                        </div>
                                    </div>
                                </div>
                            </foreach>
                        </div>
                        <else/>
                    </notempty>
                </foreach>
                <else/>
            </notempty>
            <div class="form-group text-center" style="display: none;">
                <input type="hidden" name="id" value="{$file.id}">
                <button type="submit" class="btn btn-primary js-ajax-submit" id="submit-btn"
                        data-success="successCallback">
                    {:lang('SAVE')}
                </button>
            </div>

        </form>

    </div>

<include file="theme/scripts"/>
    <script>
        parent.showDesignBtn();
    </script>
</notempty>
<empty name="has_file">
    <script>
        parent.hideDesignBtn();
    </script>
</empty>
<script>
    function successCallback(data, statusText, xhr, $form) {
        function _refresh() {
            if (data.url) {
                //返回带跳转地址
                window.location.href = data.url;
            } else {
                if (data.code == 1) {
                    //刷新当前页
                    reloadPage(window);
                }
            }
        }

        noty({
            text: data.msg,
            type: 'success',
            layout: 'topCenter',
            modal: true,
            // animation: {
            //     open: 'animated bounceInDown', // Animate.css class names
            //     close: 'animated bounceOutUp', // Animate.css class names
            // },
            timeout: 800,
            callback: {
                afterClose: function () {
                    if (parent.afterSaveSetting) {
                        parent.afterSaveSetting();
                    }
                    _refresh();
                }
            }
        });
    }
</script>
</body>
</html>